// pages/index/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    item:0,
    tab : 0,
    playlist : [
      {
        id:1,
        title:'钢琴协奏曲',
        singer:'肖邦',
        src:'http://172.16.26.249:3000/1.mp3',
        coverImgUrl:'/images/cover.jpg'
      },{
        id:2,
        title:'奏鸣曲',
        singer:'莫扎特',
        src:'http://172.16.26.249:3000/2.mp3',
        coverImgUrl:'/images/cover.jpg'
      },{
        id:3,
        title:'欢乐颂',
        singer:'贝多芬',
        src:'http://172.16.26.249:3000/3.mp3',
        coverImgUrl:'/images/cover.jpg'
      },{
        id:4,
        title:'爱之梦',
        singer:'李斯特',
        src:'http://172.16.26.249:3000/4.mp3',
        coverImgUrl:'/images/cover.jpg'
      }
    ],
    state:'paused',
    playIndex:0,
    play : {
      currentTime : '00:00',
      duration:'00:00',
      percent:0,
      title:'',
      singer:'',
      coverImgUrl:'/images/cover.jpg',
    }
  },

  changeItem : function(e) {
   // console.log(e.target.dataset.item);
    this.setData({
      tab:e.target.dataset.item
    });
  },

  changeTab : function(e){
    this.setData({
      tab:e.detail.current
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    this.audioCtx = wx.createInnerAudioContext();
    // this.audioCtx.src = 'http://172.16.26.26.249:3000/1.mp3';
    // this.audioCtx.play();
    this.setMusic(0);

    var that = this;
    //播放错误时处理
    this.audioCtx.onError(
    function (){
      console.log('播放失败!' + that.audioCtx.src);
    });
    //一曲播放完成后处理
    this.audioCtx.offEnded(
      function() {
        that.next();
      }
    );
    //音乐播放当中
   // this.audioCtx.onPlay()


    //音乐播放时间进度更新
    this.audioCtx.onTimeUpdate(
      function() {
       // console.log(that.audioCtx.currentTime + '/' + that.audioCtx.duration);
      that.setData({
       'play.duration' : formatTime(that.audioCtx.duration), 
       'play.currentTime' : formatTime(that.audioCtx.currentTime),
       'play.percent' : that.audioCtx.currentTime/that.audioCtx.duration * 100
      })
    }
      );
  
     function formatTime(time){
        var minute = Math.floor(time/60) % 60;
        var second = Math.floor(time) % 60;
        return (minute<10 ? '0'+minute :minute)+ ':' + (second<10 ? '0' + second :second);
      }
    },
  setMusic(index) {
    var music = this.data.playlist[index];
    this.audioCtx.src = music.src;
    this.setData({
      playIndex:index,
      'play.title':music.title,
      'play.singer':music.singer,
     'play.coverImgUrl':music.coverImgUrl,
     'play.currentTime':'00:00',
     'play.duration':'00:00',
     'play.percent':0
    });
    // this.audioCtx.play();
  },
    play(){
      this.audioCtx.play();
    this.setData({
      state:'running'
    });
  },

  pause(){
    this.audioCtx.pause();
    this.setData({
      state:'paused'
    });
  },

  next(){
    var index = this.data.playIndex >= this.data.playlist.length - 1 ? 0 : this.data.playIndex + 1;
    console.log(index)
    this.setMusic(index);
    if(this.data.state === 'running'){
      this.play();
    }
  },

  sliderChange(e){
    var second = e.detail.value / 100 * this.audioCtx.duration;
    this.audioCtx.seek(second);
  },

  change(e) {
    this.setMusic(e.currentTarget.dataset.index);
    this.play;
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  submit : function() {
   
  }
})